<template>
	<view>
		<view class="container" v-if="!isshow">
			<view class="jobinfo">
				<view class="jobtitle">
					<view>{{ data.jobtitle }}</view>
					<view>{{ data.money }}</view>
				</view>

				<view class="joblabel">
					<view>{{ data.education }} | {{ data.express }}</view>
				</view>

				<view class="jobdetail">
					<view class="jobtitle">福利待遇</view>
				</view>

				<view class="contentlist" style="padding-left: 20rpx">
					<view class="special">
						<view class="item" v-for="(item, index) in data.special" :key="index">{{ item }}</view>
					</view>
				</view>

				<!-- 

  <view class="jobdetail">
      <view class="jobtitle">联系方式</view>
  </view>
              <view class="contentlist">
                  
                <view class="listitem">
                    <view class="items"><text class="fa fa-user fa-lg" style="color:#bfbfbf"></text> <text>{{companyinfo.mastername}}</text></view>
                    <view class="items"  bindtap='doCall'   data-tel="{{companyinfo.tel}}"><text class="fa fa-phone fa-lg" style='color:#bfbfbf;'></text><text>{{companyinfo.tel}}</text></view>
                  
                </view>
                    
              </view>

-->

				<block v-if="data.videourl">
					<view class="jobdetail">
						<view class="jobtitle">视频介绍</view>
					</view>
					<view class="jobcontent">
						<view class="detail2">
							<video :autoplay="true" :src="data.videourl" style="width: 700rpx"></video>
						</view>
					</view>
				</block>

				<view class="jobdetail">
					<view class="jobtitle">职位说明</view>
				</view>
				<view class="jobcontent">
					<view class="jobfiled">
						<view>招聘: {{ data.num }}</view>
						<view>年龄: {{ data.age }}</view>
						<view>
							性别:
							<block v-if="data.sex == 1">男</block>
							<block v-else-if="data.sex == 2">女</block>
							<block v-else>男女不限</block>
						</view>
						<view>学历: {{ data.education }}</view>
					</view>

					<view class="jobfiled2">职责范围:</view>

					<view class="detail">
						<rich-text :nodes="data.content"></rich-text>
					</view>
				</view>

				<view class="jobdetail">
					<view class="jobtitle">企业信息</view>
				</view>

				<view class="company">
					<view class="companyinfo">
						<view class="companyname">
							<view @tap="toCompanyDetail" :data-id="data.companyid">{{ companyinfo.companyname }}</view>
							<view @tap="toCompanyDetail" :data-id="data.companyid">
								规模: {{ companyinfo.companyworker }} 性质: {{ companyinfo.companytype }} 行业:
								{{ companyinfo.companycate }}
							</view>
							<view @tap="goMap">

								<text class="fa fa-map-marker fa-lg" style="color: #bfbfbf"></text>
								{{ companyinfo.address }}
								<view style="float: right;color: #1f72bf;display: flex;align-items: center;">
									<text>一键导航</text>
									<image :src="url+'/uploads/20250110/9d58587bb9132cac14722862895edc21.png'" mode=""
										style="width: 40rpx;height:40rpx;"></image>
								</view>
							</view>
						</view>
					</view>
				</view>

				<view class="map">
					<!-- <map
                        id="map"
                        :longitude="companyinfo.lng"
                        :latitude="companyinfo.lat"
                        scale="14"
                        :controls="controls"
                        @controltap="controltap"
                        :markers="markers"
                        @markertap="markertap"
                        :polyline="polyline"
                        @regionchange="regionchange"
                        show-location
                        style="width: 700rpx; height: 400rpx"
                    ></map> -->
					<map id="map" class="map" :show-location="true" :latitude="companyinfo.lat"
						:longitude="companyinfo.lng"></map>
				</view>
			</view>

			<!--

  <view class="jobtips">
  <view>
   面试过程中，用人单位如收费用均有诈骗嫌疑!如遇无效、虚假、诈骗信息，请举报
  </view>
   <view class="suggest">
    <view><image src="../../resource/img/jb.png"></image></view>
        <view>举报</view>
   
   </view>
  </view>
-->
			<block v-if="piclist.length > 0">
				<view class="jobdetail">
					<view class="jobtitle">企业环境</view>
				</view>
				<view class="jobcontent">
					<view class="detail2">
						<block v-for="(item, index) in piclist" :key="index">
							<image data-id="" :src="item" mode="widthFix" @load="imgHeight" style="width: 100%" />
						</block>
					</view>
				</view>
			</block>

			<view class="jobdetail">
				<view class="jobtitle" style="margin-left: 25rpx">为您推荐</view>
			</view>

			<!-- parse <template is="ejoblist" v-if="joblist" :data="joblist"/> -->
			<block name="ejoblist" v-if="joblist">
				<view class="joblist_2" v-for="(item, index) in joblist" :key="index">
					<view class="title_2" @tap="toJobDetail" :data-id="item.id">
						<view class="jobinfo_2">
							<view class="jobinfoleft_2">
								<view class="address_2">
									<view class="jobname_2">{{ item.jobtitle }}</view>

									<view class="moneyinfo_2">
										<block v-if="item.money == 0">面议</block>
										<block v-else>{{ item.money }}</block>
									</view>
									<view class="vprice2"></view>
								</view>

								<view class="joblable_2">{{ item.areaname }} | {{ item.education }}</view>

								<view class="special_2">
									<view class="items_2" v-for="(itemSpecial, index1) in item.speciallist"
										:key="index1">{{ itemSpecial }}</view>

									<!--
                                                    <view class="items_2" >月休</view> 
                                                    <view class="items_2" >免费培训</view>
                                                    <view class="items_2" >晋升空间</view>
                                                    <view class="items_2" >综合补贴</view>
                                                       -->
								</view>
							</view>

							<view class="jobinforight_2">
								<view class="fxmoney_2" v-if="item.vprice > 0">
									<view style="width: 200rpx; color: #fff">推荐奖300元/人</view>
									<view>入职奖100元/人</view>
								</view>
							</view>
						</view>

						<view class="detail_2">
							<view class="info_2">
								<view class="companyinfo_2" style="font-size: 0.9rem">
									{{ item.companyname }}
								</view>
								<view class="jobmoney_2">
									<view class="time_2">{{ item.updatetime }}</view>
								</view>
							</view>
						</view>
					</view>
				</view>
			</block>
		</view>
		<view class="weixinmao-float">
			<view class="weixinmao-foot">
				<!-- <view class="footer">
                    <button open-type="share"><text class="fa fa-share-square-o fa-lg"></text></button>
                </view>

                <view class="footer black" @tap="formSubmit" :data-id="data.id">
                    <text class="fa fa-star fa-lg"></text>
                    海报
                </view>

                <view class="footer black" @tap="toPloitejob" :data-id="data.id">
                    <text class="fa fa-black-tie fa-lg"></text>
                    举报
                </view>

                -->
				
				<view class="footer" @tap="doSavejob" :class="savestatus == 1 ? 'red' : 'black'"
					:data-id="companyinfo.id">
					<text class="fa fa-heart-o fa-lg"></text>
					收藏
				</view>
				<view class="footer black" @tap="tohome" :data-id="data.id">
				    <text class="fa fa-home fa-lg"></text>
				    首页
				</view>
				<!-- <view class="footer"></view> -->
				<!-- <view class="footer"></view> -->
				<view class="footer"></view>
				<view class="footer" @tap="show_contacts_ewm" :data-id="companyinfo.id">立即沟通</view>
				<view class="footer" @tap="doSendjob" :data-id="companyinfo.id">投递简历</view>
			</view>
		</view>

		<!--    <view class="u-tap-btn">
            <button class="u-go-home2" open-type="contact">
                <view class="iconfont fa fa-comments-o"></view>
            </button>
        </view> -->

		<view class="imagePathBox" v-if="maskHidden != false">
			<image :src="imagePath" class="shengcheng"></image>
			<button class="baocun" @tap="baocun2">保存相册，分享到朋友圈</button>
		</view>

		<view v-if="maskHidden != false" class="mask"></view>
		<view class="canvas-box">
			<canvas style="width: 375px; height: 667px; position: fixed; top: 9999px" canvas-id="mycanvas" />
		</view>
		<uni-popup ref="popup" type="bottom" border-radius="10px 10px 0 0">
			<view class=""
				style="background-color: #fff;padding: 30rpx;border-radius: 15rpx;align-items: center;display: flex;flex-direction: column;">
				<image :src="url+data.contacts_ewm" mode="" style="width: 400rpx;height: 400rpx;"></image>
				<view class="" style="margin-top:20rpx;color: #565656;">
					长按图片保存
				</view>
			</view>
		</uni-popup>
	</view>
</template>

<script>
	import {
		Findjob
	} from '../findjob/findjob-model.js';
	var findjob = new Findjob();
	import {
		User
	} from '../../model/user-model.js';
	import {
		Token
	} from '../../utils/token.js';
	var token = new Token();
	var user = new User();
	import {
		Config
	} from '../../utils/config.js';
	export default {
		data() {
			return {
				url: Config.restUrl,
				id: 0,
				savestatus: 0,
				title: '',

				/* 生成二维码参数 */
				img: '/static/imgs/icon/gobg.jpg',

				wechat: '../../imgs/icon/wechat.png',
				quan: '../../imgs/icon/quan.png',
				code: 'E7AI98',
				inputValue: '',
				maskHidden: false,
				name: '',
				touxiang: '',
				code: 'E7A93C',

				qrcode: '',
				/* 生成二维码参数 */
				data: {
					jobtitle: '',
					money: '',
					education: '',
					express: '',
					special: [],
					videourl: '',
					num: '',
					age: '',
					sex: 0,
					content: '',
					companyid: '',
					id: ''
				},

				companyinfo: {
					companyname: '',
					companyworker: '',
					companytype: '',
					companycate: '',
					lng: '',
					lat: '',
					id: ''
				},

				joblist: '',
				imagePath: '',
				canvasHidden: false,
				isshow: '',
				controls: [],
				markers: [],
				polyline: '',
				piclist: []
			};
		}
		/**
		 * 生命周期函数--监听页面加载
		 */
		,
		onLoad: function(e) {
			this.onLoadClone3389(e);
		},
		/**
		 * 生命周期函数--监听页面初次渲染完成
		 */
		onReady: function() {},
		/**
		 * 生命周期函数--监听页面显示
		 */
		onShow: function() {},
		/**
		 * 生命周期函数--监听页面隐藏
		 */
		onHide: function() {},
		/**
		 * 生命周期函数--监听页面卸载
		 */
		onUnload: function() {},
		/**
		 * 页面相关事件处理函数--监听用户下拉动作
		 */
		onPullDownRefresh: function() {
			uni.showNavigationBarLoading();
			this.onLoadClone3389({});
		},
		/**
		 * 页面上拉触底事件的处理函数
		 */
		onReachBottom: function() {},
		/**
		 * 用户点击右上角分享
		 */
		onShareAppMessage: function() {
			var that = this;
			return {
				title: that.title,
				path: '/pages/jobdetail/index?id=' + that.id
			};
		},
		methods: {
			tohome(){
				console.log('跳转啊大哥')
				uni.redirectTo({
				    url: '/pages/index/index'
				});
			},
			show_contacts_ewm() {
				if(!uni.getStorageSync('token')){
					return uni.navigateTo({
						url: '/pages/login/index'
					});
				}
				// 提示二维码
				this.$refs.popup.open('center')
			},
			/**
			 * 生命周期函数--监听页面加载
			 */
			onLoadClone3389: function(e) {
				var that = this;
				uni.showShareMenu({
					withShareTicket: true,
					menus: ['shareAppMessage', 'shareTimeline']
				});
				if (e) {
					if (e.hasOwnProperty('scene')) {
						var scene = decodeURIComponent(e.scene);
						var uid_array = scene.split('=');
						that.id = parseInt(uid_array[1]);
					} else {
						if (that.id > 0) {
							var id = that.id;
						} else {
							var id = e.id;
							that.id = e.id;
						}
					}
				}
				var params = {
					id: that.id
				};
				findjob.getJobDetailData((data) => {
					uni.setNavigationBarTitle({
						title: data.jobinfo.jobtitle
					});
					that.title = data.jobinfo.title;
					that.savestatus = data.jobinfo.savestatus;
					that.companyinfo = data.jobinfo.companyinfo;
					console.log(data.joblist);
					that.setData({
						data: data.jobinfo,
						savestatus: that.savestatus,
						companyinfo: data.jobinfo.companyinfo,
						joblist: data.joblist
					});
					console.log(that.companyinfo)
					uni.hideNavigationBarLoading(); //完成停止加载
					uni.stopPullDownRefresh();
				}, params);
			},

			baocun2: function() {
				var that = this;
				uni.saveImageToPhotosAlbum({
					filePath: that.imagePath,
					success(res) {
						uni.showModal({
							content: '图片已保存到相册，赶紧晒一下吧~',
							showCancel: false,
							confirmText: '好的',
							confirmColor: '#333',
							success: function(res) {
								if (res.confirm) {
									console.log('用户点击确定');
									/* 该隐藏的隐藏 */
									that.setData({
										maskHidden: false
									});
								}
							},
							fail: function(res) {
								console.log(11111);
							}
						});
					}
				});
			},

			toPloitejob: function(e) {
				var id = e.currentTarget.dataset.id;
				uni.navigateTo({
					url: '/pages/ploiteinfo/index?id=' + id
				});
			},

			toContact: function() {
				var companyid = this.companyinfo.id;
				uni.navigateTo({
					url: '/pages/wechat/index?id=' + companyid
				});
			},

			goMap: function(e) {
				var that = this;
				uni.openLocation({
					latitude: Number(that.companyinfo.lat),
					longitude: Number(that.companyinfo.lng),
					scale: 18,
					name: that.companyinfo.companyname,
					address: that.companyinfo.address
				});
			},

			baocun2: function() {
				var that = this;
				uni.saveImageToPhotosAlbum({
					filePath: that.imagePath,
					success(res) {
						uni.showModal({
							content: '图片已保存到相册，赶紧晒一下吧~',
							showCancel: false,
							confirmText: '好的',
							confirmColor: '#333',
							success: function(res) {
								if (res.confirm) {
									console.log('用户点击确定');
									/* 该隐藏的隐藏 */
									that.setData({
										maskHidden: false
									});
								}
							},
							fail: function(res) {
								console.log(11111);
							}
						});
					}
				});
			},

			doSendjob: function(e) {
				var that = this;
				if(!uni.getStorageSync('token')){
					return uni.navigateTo({
						url: '/pages/login/index'
					});
				}
				var companyid = e.currentTarget.dataset.id;
				var params = {
					jobid: that.id,
					companyid: companyid
				};
				var params2 = {};
				token.verify(
					user.checkBind((data) => {
						if (data.isbind) {
							var params3 = {}
							user.checknote((data)=>{
								if(data.data > 0){
									if(!uni.getStorageSync('config')){
										return uni.navigateTo({
											url:'/pages/jobdetail/seedetail'
										})
									}
									findjob.sendJob((data) => {
										uni.removeStorageSync('config')
										if (data.status == 3) {
											uni.showModal({
												title: '提示',
												content: data.msg,
												showCancel: false,
												success: function() {
													uni.navigateTo({
														url: '/pages/mynote/index'
													});
												}
											});
											return;
										} else {
											uni.showToast({
												title: data.msg,
												icon: 'none',
												duration: 2000
											});
										}
									}, params);
								}else{
									uni.showModal({
										title: '提示',
										content: '请先创建简历',
										confirmText:'去创建',
										success: function (res) {
											if (res.confirm) {
												uni.navigateTo({
													url:'/pages/mynote/index'
												})
											} else if (res.cancel) {
												console.log('用户点击取消');
											}
										}
									});
								}
							},params3)
							
						} else {
							uni.navigateTo({
								url: '/pages/register/index'
							});
						}
					}, params2)
				);
			},

			doSavejob: function(e) {
				var that = this;
				if(!uni.getStorageSync('token')){
					return uni.navigateTo({
						url: '/pages/login/index'
					});
				}
				var companyid = e.currentTarget.dataset.id;
				var params = {
					jobid: that.id,
					companyid: companyid
				};
				console.log(that.imagePath)
				token.verify(
					findjob.jobSave((data) => {
						if (data.status == 0) {
							that.savestatus = 1;
							that.setData({
								savestatus: 1
							});

							wx.showToast({
								title: data.msg,
								icon: 'success',
								duration: 2000
							})

						} else {
							that.savestatus = 0;
							that.setData({
								savestatus: 0
							});
							wx.showToast({
								title: data.msg,
								icon: 'none',
								duration: 2000
							})

						}
					}, params)
				);
			},

			formSubmit: function(e) {
				var that = this;
				this.setData({
					maskHidden: false
				});
				uni.showToast({
					title: '正在生成中...',
					icon: 'loading',
					duration: 1000
				});
				var params = {
					id: that.id
				};
				findjob.getqrcodejob((data) => {
					that.qrcode2 = data.qrcode;
					uni.downloadFile({
						url: data.sharebg,
						success: function(res2) {
							that.gobg = res2.tempFilePath;
							uni.downloadFile({
								url: that.qrcode2,
								success: function(res) {
									console.log(res.tempFilePath);
									that.myqrcodefile = res.tempFilePath;
									that.createNewImg();
								}
							});
						}
					});
				}, params);
			},

			createNewImg: function() {
				var that = this;
				var context = uni.createCanvasContext('mycanvas');
				context.setFillStyle('#ffe200');
				context.fillRect(0, 0, 375, 667);
				// var path = "../../imgs/icon/gobg.jpg";
				var path = that.gobg;
				//将模板图片绘制到canvas,在开发工具中drawImage()函数有问题，不显示图片
				//不知道是什么原因，手机环境能正常显示
				context.drawImage(path, 0, 0, 375, 667);
				var path1 = that.touxiang;
				console.log(path1, 'path1');
				//将模板图片绘制到canvas,在开发工具中drawImage()函数有问题，不显示图片
				//var path2 = "../../imgs/icon/txquan.png";
				//var path3 = "../../imgs/icon/heise.png";

				var path4 = '/static/imgs/icon/wenziBg.png';
				var path5 = '../../imgs/icon/wenxin.png';

				// context.drawImage(path2, 126, 186, 120, 120);

				var name = that.name;
				//绘制名字
				context.setFontSize(24);
				context.setFillStyle('#333333');
				context.setTextAlign('center');
				context.fillText(name, 185, 340);
				context.stroke();

				//绘制左下角文字背景图
				context.drawImage(path4, 25, 520, 184, 82);
				context.setFontSize(12);
				context.setFillStyle('#333');
				context.setTextAlign('left');
				context.fillText('进入小程序查看信息', 35, 540);
				context.stroke();
				context.setFontSize(12);
				context.setFillStyle('#333');
				context.setTextAlign('left');
				context.fillText(',分享赚钱正在等着', 35, 560);
				context.stroke();
				context.setFontSize(12);
				context.setFillStyle('#333');
				context.setTextAlign('left');
				context.fillText('你来哦~', 35, 580);
				context.stroke();
				//绘制右下角扫码提示语

				context.drawImage(that.myqrcodefile, 243, 495, 100, 100);
				context.drawImage(path5, 248, 598, 90, 25);
				//绘制头像
				context.arc(186, 246, 50, 0, 2 * Math.PI); //画出圆
				context.strokeStyle = '#ffe200';
				context.clip(); //裁剪上面的圆形
				context.drawImage(path1, 136, 196, 100, 100); // 在刚刚裁剪的园上画图
				context.draw();
				//将生成好的图片保存到本地，需要延迟一会，绘制期间耗时

				setTimeout(function() {
					uni.hideToast();
					that.drawAfter();
					that.setData({
						maskHidden: true
					});
				}, 200);
			},

			drawAfter: function() {
				var that = this;
				uni.canvasToTempFilePath({
					canvasId: 'mycanvas',
					success: function(res) {
						var tempFilePath = res.tempFilePath;
						that.setData({
							imagePath: tempFilePath,
							canvasHidden: true
						});
					},
					fail: function(res) {
						console.log(res);
					}
				});
			},

			toAskjob: function() {
				var that = this;
				var id = that.id;
				uni.navigateTo({
					url: '/pages/askjob/index?id=' + id
				});
			},

			toCompanyDetail: function(e) {
				var id = e.currentTarget.dataset.id;
				uni.navigateTo({
					url: '/pages/companydetail/index?id=' + id
				});
			},

			toJobDetail: function(e) {
				var id = e.currentTarget.dataset.id;
				uni.navigateTo({
					url: '/pages/jobdetail/index?id=' + id
				});
			},

			doCall: function(e) {
				console.log(e.currentTarget);
				var tel = e.currentTarget.dataset.tel;
				uni.makePhoneCall({
					phoneNumber: tel,
					//此号码并非真实电话号码，仅用于测试
					success: function() {
						console.log('拨打电话成功！');
					},
					fail: function() {
						console.log('拨打电话失败！');
					}
				});
			},

			controltap() {
				console.log('占位：函数 controltap 未声明');
			},

			markertap() {
				console.log('占位：函数 markertap 未声明');
			},

			regionchange() {
				console.log('占位：函数 regionchange 未声明');
			},

			imgHeight() {
				console.log('占位：函数 imgHeight 未声明');
			}
		}
	};
</script>
<style>
	@import '../templates/css/index_2.css';

	page {
		background-color: #f8f8f9;
	}

	.container {
		background-color: #f8f8f9;
		min-height: 100%;
	}

	.container .jobinfo {
		display: flex;
		flex-direction: column;
		align-items: center;
		background: #fff;
		margin-top: 20rpx;
		padding-top: 30rpx;
		padding-bottom: 10rpx;
	}

	.container .jobinfo .jobtitle {
		width: 730rpx;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		margin-left: 15rpx;
	}

	.container .jobinfo .jobtitle view:nth-child(1) {
		font-weight: bold;
		font-size: 1.2rem;
	}

	.container .jobinfo .jobtitle view:nth-child(2) {
		color: #ff9102;
		font-size: 1rem;
		padding: 5rpx;
		font-weight: bold;
	}

	.container .jobinfo .joblabel {
		width: 730rpx;
		display: flex;
		flex-direction: row;
		justify-content: flex-start;
		flex-wrap: wrap;
		margin-top: 20rpx;
		font-size: 14px;
		color: #7b7a7a;
	}

	.advmoney {
		width: 100%;
	}

	.container .jobinfo .special {
		display: flex;
		flex-direction: row;
		justify-content: flex-start;
		flex-wrap: wrap;
		margin-top: 30rpx;
		font-size: 0.8rem;
		width: 730rpx;
	}

	.container .jobinfo .special .item {
		padding-left: 15rpx;
		padding-right: 15rpx;
		padding-top: 10rpx;
		padding-bottom: 10rpx;

		border-radius: 5rpx;
		margin-right: 10rpx;
		margin-bottom: 15rpx;
		background: #e4f3fc;
		color: #5c82c0;
	}

	.container .joblabel view {
		padding-left: 15rpx;
		padding-right: 15rpx;
		padding-top: 10rpx;
		padding-bottom: 10rpx;

		border-radius: 5rpx;
		margin-right: 10rpx;
		margin-bottom: 15rpx;
	}

	.container .companyinfo {
		margin-top: 10rpx;
		width: 730rpx;
		background: #fff;
		display: flex;
		flex-direction: row;
		justify-content: center;
		border-bottom: 0rpx solid #e5e5e5;
	}

	.container .companyinfo image {
		width: 150rpx;
		height: 150rpx;
		align-self: center;
	}

	.company {
		background: #fff;
		display: flex;
		flex-direction: column;
		margin-top: 10rpx;
		width: 730rpx;
	}

	.container .companyinfo .companyname {
		width: 730rpx;
		display: flex;
		flex-direction: column;
		margin-left: 1%;
		padding-top: 10rpx;
		padding-bottom: 40rpx;
	}

	.container .companyinfo .companyname view:nth-child(1) {
		font-size: 16px;
		color: #000;
		font-weight: bold;
	}

	.container .companyinfo .companyname view:nth-child(2) {
		font-size: 0.9rem;
		color: #777676;
		margin-top: 15rpx;
	}

	.container .companyinfo .companyname view:nth-child(3) {
		font-size: 0.9rem;
		color: #777676;
		margin-top: 15rpx;
	}

	.container .companyaddress {
		padding-left: 20rpx;
		padding-top: 20rpx;

		font-size: 0.8rem;
	}

	.container .contentlist {
		margin-top: 10rpx;
		width: 730rpx;
		background: #fff;
		display: flex;
		flex-direction: column;
	}

	.container .contentlist .title {
		width: 730rpx;
		height: 80rpx;
		line-height: 80rpx;
		font-size: 0.9rem;
		border-bottom: 0rpx solid #efefef;
		display: flex;
		flex-direction: row;
		align-content: center;
	}

	.container .contentlist .title view:nth-child(1) {
		height: 40rpx;
		line-height: 40rpx;
		width: 6rpx;
		background: #3274e5;
		align-self: center;
	}

	.container .contentlist .title view:nth-child(2) {
		height: 80rpx;
		line-height: 80rpx;
		width: 200rpx;
		padding-left: 15rpx;
	}

	.container .contentlist .listitem {
		width: 710rpx;
		display: flex;
		flex-direction: column;
	}

	.container .contentlist .listitem .items {
		color: #777676;
		height: 60rpx;
		line-height: 60rpx;
		font-size: 14px;
		border-bottom: 0rpx dotted #e5e5e5;
	}

	.container .contentlist .listitem .items text {
		color: #7b7a7a;
		padding-left: 10rpx;
	}

	.container .jobdetail {
		background: #fff;
		margin-top: 20rpx;
		display: flex;
		flex-direction: column;
		width: 730rpx;
		align-items: center;
		border-bottom: 0rpx solid #eeeeee;
	}

	.container .jobdetail .jobtitle {
		font-weight: bold;
		font-size: 18px;
		width: 730rpx;
		padding-top: 20rpx;
		padding-bottom: 20rpx;
	}

	.map {
		width: 700rpx;
		height: 400rpx;
	}

	.asklist {
		background: #fff;
		margin-top: 20rpx;
		display: flex;
		flex-direction: row;
		width: 710rpx;
		justify-content: space-between;
		border-bottom: 0rpx solid #eeeeee;
		padding-right: 10rpx;
	}

	.asklist view:nth-child(1) {
		font-weight: bold;
		font-size: 18px;
		padding-top: 20rpx;
		padding-bottom: 20rpx;
	}

	.asklist view:nth-child(2) {
		font-size: 13px;
		padding-top: 20rpx;
		padding-bottom: 20rpx;
		color: blue;
	}

	.container .jobcontent {
		background: #fff;
		display: flex;
		flex-direction: column;
		width: 720rpx;
		align-items: center;
	}

	.jobfiled {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		flex-wrap: wrap;
	}

	.jobfiled view {
		padding: 15rpx;
		padding-left: 0rpx;
		width: 320rpx;
		color: #888888;
		font-size: 15px;
	}

	.jobfiled2 {
		color: #888888;
		font-size: 0.9rem;
		width: 720rpx;
	}

	.container .jobcontent .detail2 {
		width: 700rpx;
		padding-top: 20rpx;
		padding-bottom: 20rpx;
		color: #777676;
		font-size: 0.8rem;
	}

	.detail {
		width: 700rpx;
		padding-top: 30rpx;

		padding-bottom: 30rpx;
		font-size: 16px;
		color: #888888;
	}

	.jobtips {
		width: 730rpx;
		display: flex;
		flex-direction: row;

		background: #fff7de;
		padding: 10rpx;
		margin-left: 10rpx;
		margin-top: 10rpx;
	}

	.jobtips view:nth-child(1) {
		width: 550rpx;
		font-size: 0.7rem;
		color: #ff6948;
	}

	.jobtips view:nth-child(2) {
		width: 110rpx;
		font-size: 0.7rem;
		color: #007aaf;
	}

	.suggest {
		display: flex;
		flex-direction: column;
	}

	.suggest image {
		width: 50rpx;
		height: 50rpx;
	}

	.weixinmao-float {
		height: 150rpx;
	}

	.weixinmao-foot {
		display: flex;
		justify-content: center;
		flex-direction: row;
		position: fixed;
		z-index: 999;
		left: 0;
		bottom: 0;
		width: 100%;

		background: #fff;
		padding-top: 10rpx;
		padding-bottom: 30rpx;
	}

	.footer button {
		color: #747474;
		align-self: center;
		height: 80rpx;
		font-size: 1.5rem;
		display: flex;
		flex-direction: column;
		background: #ffffff;
		text-align: center;
		padding-top: 10rpx;
		border: 0rpx;
	}

	.imagePathBox {
		width: 100%;
		height: 100%;
		background: rgba(0, 0, 0, 0.7);
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 10000;
	}

	.shengcheng {
		width: 80%;
		height: 80%;
		position: fixed;
		top: 50rpx;
		left: 50%;
		margin-left: -40%;
		z-index: 10000;
	}

	.baocun {
		display: block;
		width: 80%;
		height: 80rpx;
		padding: 0;
		line-height: 80rpx;
		text-align: center;
		position: fixed;
		bottom: 50rpx;
		left: 10%;
		background: #ffe200;
		color: #333;
		font-size: 32rpx;
		border-radius: 44rpx;
	}

	button[class='baocun']::after {
		border: 0;
	}

	button::after {
		border: none;
	}

	.weixinmao-foot view:nth-child(1) {
		color: #747474;
		align-self: center;
		height: 100rpx;
		font-size: 0.9rem;
		display: flex;
		flex-direction: column;
		background: #ffffff;
		width: 15%;
		text-align: center;
		padding-top: 20rpx;
		border-radius: 5rpx;
		margin-left: 5rpx;
	}

	/*
.weixinmao-foot view:nth-child(2){
color:#FFF;
align-self: center;
height: 100rpx;
font-size: .9rem;
display: flex;
flex-direction: column;
background: #11cd6e;
width:20%;
text-align: center;
 padding-top:20rpx;
}   

*/
	.weixinmao-foot view:nth-child(2) {
		align-self: center;
		height: 100rpx;
		font-size: 0.9rem;
		display: flex;
		flex-direction: column;
		width: 13%;
		text-align: center;
		padding-top: 20rpx;
		background: #fff;
	}

	.weixinmao-foot view:nth-child(3) {
		align-self: center;
		height: 100rpx;
		font-size: 0.9rem;
		display: flex;
		flex-direction: column;
		width: 13%;
		text-align: center;
		padding-top: 20rpx;
		background: #fff;
	}

	.weixinmao-foot view:nth-child(4) {
		color: #fff;
		align-self: center;
		height: 100rpx;
		line-height: 100rpx;
		text-align: center;
		font-size: 0.9rem;
		display: flex;
		flex-direction: column;
		background: #218cfe;
		width: 40%;
		border-radius: 5rpx;
		margin-right: 15rpx;
	}

	.black {
		color: #777676;
	}

	.red {
		color: red;
	}

	.weixinmao-foot view:nth-child(5) {
		color: #fff;
		align-self: center;
		height: 100rpx;
		line-height: 100rpx;
		text-align: center;
		font-size: 0.9rem;
		display: flex;
		flex-direction: column;
		background: #fe552e;
		width: 40%;
		border-radius: 5rpx;
		margin-right: 15rpx;
	}

	.weixinmao-foot view image {
		width: 50rpx;
		height: 50rpx;
		align-self: center;
	}

	.footerbutton {
		background: #fe552e;
	}

	@import 'undefined';
</style>